<template>
  <div class="p20">
    <el-radio-group class="mb20" v-model="type" size="large">
      <el-radio-button label="1">增肌</el-radio-button>
      <el-radio-button label="2">减脂</el-radio-button>
    </el-radio-group>


    <build-muscles v-if="type === '1'"></build-muscles>
    <fat-reduction v-if="type === '2'"></fat-reduction>

  </div>

</template>

<script setup>
import {ref} from 'vue'
import BuildMuscles from '@/components/BuildMuscles/index.vue'
import FatReduction from '@/components/FatReduction/index.vue'

let type = ref('1')

</script>

<style lang="less">
.item {
  display: flex;
  align-items: center;

  .el-tag {
    margin-right: 8px;
  }
}
</style>
